	//除了要在 cart.vue 页面中设置购物车的数字徽标，还需要在其它 3 个 tabBar 页面中，为购物车设置数字徽标。
	//此时可以使用 Vue 提供的 mixins 特性，提高代码的可维护性。
	// 从商品详情页面导航到购物车页面之后，需要为 tabBar 中的购物车动态设置数字徽标。
	//把 Store 中的 total 映射到 cart.vue 中使用
	import {mapGetters} from 'vuex'
	
export default{
	computed:{
		  // 将 m_cart 模块中的 total 映射为当前页面的计算属性
		...mapGetters('m_cart',['total'])
	},
	watch:{
		 // 监听 total 值的变化
		total(){
			  // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
				this.setBadge()
		}
	},
	onShow() {
		// 在页面刚展示的时候，设置数字徽标
		this.setBadge()
	},
	methods:{		
				 // 调用 小程序的api uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
				setBadge(){
					uni.setTabBarBadge({
						index:2, //索引
						text:this.total+'' // 注意：text 的值必须是字符串，不能是数字
					})
				}			
		}
}